@charset 'utf-8';

@import 'common';

@import 'found';


.slide-wrap{
    width: getRem(691px);
    height: getRem(216px);
    margin: 0 auto;
    li{
        float: left;
        width: getRem(148px);
        height: getRem(191px);
        .imgwrap{
            width: getRem(148px);
            height: getRem(148px);
            img{
                width: 100%;
            }
        }
        p{
            margin-top: getRem(9px);
            text-align: center;
            font-size: getRem(24px);
        }
    }
    li:first-of-type~li{
        margin-left: getRem(33px);
    }
    li:first-of-type{
        margin-left: 0;
    }
}


.slide-btn{
    width: getRem(93px);
    height: getRem(18px);
    margin: 0 auto;
    font-size: 0;
    li{
        width: getRem(18px);
        height: getRem(18px);
        background: #ffc9a1;
        display: inline-block;
        margin-left: getRem(7px);
        border-radius: 50% 50%;
    }
    li:first-of-type{
        margin-left: 0px;
    }
    
    .slide-active{
        background: #ff9344;
    }
}


.sort-section{
    .favourite-top{
         line-height: getRem(44px);
        .guess{
            .img_wrap{
                width: getRem(56px);
                height: getRem(44px);
                vertical-align: middle;
            }
        }
        .h4{
           
        }
    }
}

.images-group{
    width: getRem(703px);
    height: getRem(205px);
    margin: 0 auto;
    li{
        width: getRem(133px);
        height: getRem(133px);
        margin-top: getRem(38px);
        margin-left: getRem(55px);
        float: left;
        img{
            width: 100%;
        }
    }
    li:first-of-type{
        margin-left: 0;
    }
}
